<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>上机1</title>
    <script>
        // 第一题  输出Hello JavaScript
        document.write('<h1>Hello JavaScript</h1>');

        // 第二，三题 美国总统名字，年龄提示框，确认框
        var name = prompt('请输入美国总统的名字：', "唐纳德.特朗普");
        var age = prompt('请输入美国总统的年龄：', "71");
        alert('请输入美国总统的名字是：唐纳德.特朗普，年龄是：71');

        //第四题 购物清单
        var food = prompt("请输入小明购买的商品名称：");
        var book = prompt("请输入小明购买的商品数量：");
        document.write('<br>' + '<br>' + "购物清单");
        document.write('<br>' + "商品名称" + "&nbsp;&nbsp;" + "购买数量" + '<br>' + food + 
        "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + book + '<br>' + '<br>');
        
        //第五题 数据类型转换
        document.write("五，数据类型转换" + '<br>');
        var score = null;
        document.write("String类型：" + String(score) + '<br>');
        var age = 17;
        document.write("String类型：" + String(age) + '<br>');
        var num = undefined;
        document.write("Number类型：" + Number(num) + '<br>');
        var flag = true;
        document.write("Number类型：" + Number(flag) + '<br>');
        var PI = Math.PI;
        document.write("Number类型：" + Number(PI) + '<br>');
        document.write("parseInt类型：" + parseInt(PI) + '<br>');
        document.write("parseFloat类型：" + parseFloat(PI) + '<br>' + '<br>');

        //第六题 数据类型
        document.write("六，数据类型" + '<br>');

        //undefined  word没有赋值
        var word;
        document.write(typeof (word) + '<br>');

        //String  'Lisa'是字符串
        var name = 'Lisa';
        document.write(typeof (name) + '<br>');

        //String  number类型和String类型相加时，数值强转为String，返回值类型为String
        var age = 15;
        age = age + "";
        document.write(typeof (age) + '<br>');

        //String  number类型和String类型相加时，数值强转为String，返回值类型为String
        var a = 5; b = '4'; a = a + b;
        document.write(typeof (a) + '<br>');

        //boolean  两个等号是比较两个值是否相等，其返回的是布尔值
        var x = 10; y = '10'; var flag = x == y;
        document.write(typeof (flag) + '<br>');
    </script>
</head>

<body>

</body>

</html>